<template>
	<view class="bg-gray">
		<view class="wrapper width">
			<carousel :res="carouselImage" class="bgshare" height='380' />
			<view class="width main">
				<list :list='courseList' url='/pages/song/songdetail'></list>
			</view>
		</view>
	</view>
</template>
<script>
import tpl_banner from "@/pages/tabbar/roperty/template/tpl_banner"; //导航栏模块
import storage from "@/utils/storage.js"; //缓存
import list from "@/components/huashuiwan/list.vue";
import { getKtv } from "@/api/song";
export default {
	data() { 
		return {
			bgimg:'https://www.haopengsong.xyz/static/movie/songdetail.png',
			carouselImage:[
				{ name:require('@/static/movie/songbg.png')}
			],
			courseList:[
				{ bannerImages:'http://43.138.30.146:8080/profile/upload/2025/02/11/蒙版组 477@3x(1)_20250211162616A048.png', courseName:'卡布奇洛',remark:'卡布奇洛歌舞厅直走右转'},
				{ bannerImages:'http://43.138.30.146:8080/profile/upload/2025/02/11/蒙版组 477@3x(2)_20250211162648A049.png', courseName:'皮卡球',remark:'2楼'},
				{ bannerImages:'http://43.138.30.146:8080/profile/upload/2025/02/11/蒙版组 477@3x_20250211162713A050.png', courseName:'火影忍者',remark:'1楼直走左转'}
			]

		};
	},
	components: {
		carousel: tpl_banner,
		list
	},
	/**
	 * 页面加载
	 */
	onLoad(options) {
		//this.getList()
	},
	/**
	 * 页面显示
	 */
	onShow() {
		
	},
	/**
	 * 触底事件
	 */
	onReachBottom() {
		
	},
	/**
	 * 下拉刷新
	 */
	onPullDownRefresh() {
		
	},
	/**
	 * 页面滚动
	 * @param {Object} e
	 */
	onPageScroll(e) {
		
	},
	mounted() {
		//this.getList()
	},
	methods: {
		jump(res){
			uni.navigateTo({
				url: res
			});
		},
		/** 桌号列表 **/
		getList(){
			getKtv(/* {roomId:3,periodDate:'2025-2-10'} */).then(res=>{
				this.courseList = res.map(i=>{
					i.bannerImages = i.images;
					i.courseName = i.roomName
					return i
				})
			})
		},
	}
};
</script>

<style lang="scss" scoped>
/**去除scroll-view的滚动条*/
::-webkit-scrollbar {
	display: none;
	width: 0 !important;
	height: 0 !important;
	-webkit-appearance: none;
	background: transparent;
}
</style>